<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>慢病报销</title>
<link rel="stylesheet" href="./css/metro-all.css">
<link rel="stylesheet" href="./css/metro-colors.css">
<link rel="stylesheet" href="./css/metro-icons.css">
</head>
<body>
<div class="flex-content">
            <div class="row">
                <div class="cell">
                    <div> </div>
                </div>
                <div class="colspan-6">
                
<table id="refundTable" class="table striped hovered dataTable border bordered">
                <thead>
                <tr>
					<th class="text-left">身份证号</th>
					<th class="text-left">登记表流水号</th>
					<th class="text-left">慢性病证号</th>
					<th class="text-left">医疗费用</th>
					<th class="text-left">上次报销金额</th>
					<th class="text-left">封顶线余额</th>
					<th class="text-left">医院发票号</th>
					<th class="text-left">就诊时间</th>
                </tr>
                </thead>
                <tbody>
                </tbody>

</table>

                </div>
                <div class="cell">
                    <div> </div>
                </div>

            </div>

<br>
<hr>
<br>

            <div class="row">
                <div class="cell">
                    <div> </div>
                </div>
                <div class="colspan-6 line-height1.5">
				<form id="refundForm" action="chronicDiseaseRefund" method="post">
				
				

				
				<label>身份证号</label>
				<input type="text" name="idCard"> 
<br>
					
				<label>慢性病证号</label>
				<input type="text" name="chronicDiseaseCardNo">
					<br>
				<label>医疗费用</label>
				<input type="number" name="treatmentCost"> 
				<br>
				<label>医院发票号</label>
				<input type="text" name="hopitalInvoice">
				<br>
				<label>就诊时间</label>
				<input data-role="datepicker" name="jiuzhenshijian"> 
				 <br>
				<input class="button primary" type="submit"
					value="提交">
				 <br>
				  <br> <br>
				</form>
                </div>
                <div class="cell">
                    <div> </div>
                </div>

            </div>
</div>

	<script src="./js/jquery-3.3.1.js"></script>
	<script src="./js/jquery.validate.js"></script>
	<script src="./js/metro1.js"></script>
	<script src="./js/jquery.dataTables.min.js"></script>
	<script>
	$(document).ready(function(){
		var bt4=$("#refundTable").DataTable({
			"ajax":"getChronicDiseaseRefund",
			"columns": [
	            { "data": "idCard" },
	            { "data": "refundFormNo" },
	            { "data": "chronicDiseaseCardNo" },
	            { "data": "treatmentCost" },
	            { "data": "refund" },
	            { "data": "restTopLine" },
	            { "data": "hopitalInvoice" },
	            { "data": "jiuzhenshijian" },
	            
	            ]
		});
		
		
		$("#refundForm").validate({
			rules: {
				id:"required",
				treatmentCost:"required"
				
		
			},
			 messages: {
				 id:"请输入身份证号",
				 treatmentCost:"请输入费用"
			 }
		})
	});
	</script>
</body>
</html>